<template>
   <div class="box">
        <div class="qr">
            <p class="name">汇方圆</p>
            <p class="title">菜品兑换券</p>
            <p class="number">666-888</p>
            <div class="line"></div>
            <p class="saler">商家扫描卷码即可消费</p>
            <div class="bar">
                <img src="/static/imgs_s07/s07_bar.png" alt="提示错误" class="img1" >
            </div>
            <div class="qrc">
                <img src="/static/imgs_s07/s07_qr.png" alt="显示错误" class="img2">
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        
        .box{
            width: 100%;
            height: 100%;
            background-color: #32B16C;
        }
        .qr{
            display: flex;
            flex-direction: column;
            align-items: center;
            width:356px;
            height: 460px;
            background:rgba(255,255,255,1);
            border-radius:6px;
            margin-left: 9px;
            margin-top: 90px;
        }
        .name{
            font-size:13px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(136,136,136,1);
            margin-top: 16px;
        }
        .title{
            font-size:24px;
            font-family:Source Han Sans CN;
            font-weight:500;
            color:rgba(0,0,0,1);
            margin-top: 15px;
        }
        .number{
            font-size:15px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(136,136,136,1);
            margin-top: 16px;
        }
        .line{
            width: 356px;
            border-bottom: 1px dashed #F4F4F4;
            margin-top: 18px;
        }
        .saler{
            font-size:14px;
            font-family:Source Han Sans CN;
            font-weight:400;
            color:rgba(0,0,0,1);
            margin-top: 22px;
        }
        .img1{
            width: 253px;
            height: 40px;
        }
        .bar{
            width: 253px;
            height: 40px;
            margin-top: 20px;
        }
        .img2{
            width: 187px;
            height: 187px;
        }
        .qrc{
            width: 187px;
            height: 187px;
            margin-top: 17px;
            margin-bottom: 21px;
        }
    </style>
